<template>
    <!--审批历史  -->
    <div class="laonone">
        <div class="trtitle">审批历史
        </div>
        <div class="yinhangzhanghus">
            <el-table :data="shenpilist" border style="width: 100%">
                <el-table-column label="序号" width="80">
                    <template #default="scope">
                        <span>{{ scope.$index + 1 }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="步骤">
                    <template #default="scope">
                        <el-input style="width:100%;height: 100%;outline: none;border:0px;" type="text" placeholder="请输入"
                            :value="scope.row.htContractid"/>
                    </template>
                </el-table-column>
                <el-table-column label="经办人">
                    <template #default="scope">
                        <el-input style="width:100%;height: 100%;outline: none;border:0px;" type="text" placeholder="请输入"
                            :value="scope.row.spOperator"/>
                    </template>
                </el-table-column>
                <el-table-column label="处理意见">
                    <template #default="scope">
                        <el-input style="width:100%;height: 100%;outline: none;border:0px;" type="text" placeholder="请输入"
                            :value="scope.row.spOpinion"/>
                    </template>
                </el-table-column>
                <el-table-column label="意见内容">
                    <template #default="scope">
                        <el-input style="width:100%;height: 100%;outline: none;border:0px;" type="text" placeholder="请输入"
                            :value="scope.row.spOpinioncontent"/>
                    </template>
                </el-table-column>
                <el-table-column label="处理时间">
                    <template #default="scope">
                        <el-input style="width:100%;height: 100%;outline: none;border:0px;" type="text" placeholder="请输入"
                            :value="scope.row.spHandletime"/>
                    </template>
                </el-table-column>
                
            </el-table>


        </div>
        <div class="kuang">
                    <div class="fanhui" @click="fanhui"><el-icon><ArrowLeft /></el-icon>返回</div>
                    <el-button type="primary" plain class="anniu">保存</el-button>
                    <el-button type="primary"  class="anniu">提交</el-button>
                </div>
    </div>
</template>

<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router';
import serviceAxios from '@/apis'
const input = ref('')
const value = ref('')
const shenpilist = ref([])



var router = useRouter();
// 返回
var fanhui = () => {
    router.push('/home/loan/loana')
}

serviceAxios.zyf.htxinx_spApprovalhistory().then((res)=>{
    console.log(res.data.data);
    shenpilist.value = res.data.data
})
    
    

</script>

<style scoped lang="scss">
.laonone {
   
    .title {
        font-size: 16px;
        font-weight: bold;
    }

    .color {
        width: 100%;
        height: 30px;

        tr {
            td {
                
                width: 400px;
                border: 1px solid#dcdfe6;
                text-align: center;

            }

            .td {
                width: 40px;

            }
        }
    }

    .inputkuang {
        // display: flex;
        height: 30px;
        border: 1px solid #dcdfe6;
        .flexs {
            width: 100%;
            display: flex;
            justify-content: space-between;

            // #input {
                
            //     width: 400px;
            //     height: 30px;
            // }
            .xihao {
            width: 272px;
            border: 1px solid #dcdfe6;
            text-align: center;
            }
        }
       

        
    }
    .kuang{
        float: right;
        padding: 20px;
        display: flex;
        width: 300px;
        justify-content: space-between;
        .fanhui{
            width: 60px;
            height: 30px;
            border: 1px solid #dcdfe6;
            border-radius: 3px;
        }
    }
}
</style>
